/* focus模块开始 */
.focus{
    position: relative;
    width: 980px;
    height: 455px;
    margin-left: 220px;
    font-size: 20px;
    font-weight: 700;
}
.focus img{
    width: 980px;
    height: 455px;
}
.focus .prev,.recom_bd .prev,.box_bd .prev {
    position: absolute;
    left: 0;
    top: 45%;
    width: 30px;
    height: 40px;
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
    line-height: 40px;
    text-align: center;
    /* 给盒子设置圆角 */
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
}
.focus .next ,.recom_bd .next,.box_bd .next{
    position: absolute;
    right: 0;
    top: 45%;
    width: 30px;
    height: 40px;
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
    line-height: 40px;
    text-align: center;
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
}
.promo_nav {
    position: absolute;
    bottom: 15px;
    left: 50%;
    margin-left: -57px;
    width: 114px;
    height: 23px;
    border-radius: 50px;
}
.promo_nav li {
    float: left;
    width: 16px;
    height: 16px;
    background-color: rgba(255, 255, 255, 0.6);
    border-radius: 50%;
    margin: 3px;
}
.promo_nav .selected {
    background-color: #fff;
}
/* focus模块结束 */
/* 推荐模块开始 */
.recom{
    height: 240px;
    margin: 40px 0 70px 0;
}
.recom_hd{
    margin-left: 420px;
    width: 400px;
    height: 50px;
    text-align: center;
}
.border1,.border2{
    float: left;
    width: 100px;
    height: 40px;
    background: url(../images/border.png) no-repeat; 
}
.recom_hd h1{
    float: left;
    width: 150px;
    height: 40px;
    color: #333333;
}
.recom_bd{
    position: relative;
    float: left;
    height: 240px;
    background-color: #f4f5f9;
    font-size: 18px;
    font-weight: 700;
}
.recom_bd ul li{
    float: left;
    width: 230px;
    height: 230px;
    margin: 5px ;
}
.recom_bd ul li img{
    width: 100%;
    height: 100%;
}
/* 推荐模块结束 */
/* 楼层区域开始 */
.floor_hd{
    margin:100px 0 0 420px;
    width: 400px;
    height: 50px;
    text-align: center;
}
.floor_hd h1{
    float: left;
    width: 150px;
    height: 40px;
    color: #333333;
}
.floor  .box_hd {
    height: 30px;
    color: #34a853;
    border-bottom: 2px solid #34a853;
} 
.floor  .box_hd h3{
    float: left;
}
.floor  .box_hd .tab_list{
    float: right;
    line-height: 30px;
}
.floor  .box_hd .tab_list  li{
    float: left;
   
}
.floor  .box_hd .tab_list  li a{
    padding: 0 15px;
}

.floor  .box_bd{
    position: relative;
    height: 240px;
    background-color: #f4f5f9;
    font-size: 18px;
    font-weight: 700;
} 
.floor  .box_bd ul li {
    float: left;
    width: 230px;
    height: 230px;
    margin: 5px ;
}
.floor  .box_bd ul li img{
    width: 100%;
    height: 100%;
} 

/* 楼层区域结束 */